<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>火柴人横版平台射击</title>
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <div class="hud">
      <div class="left">
        <div>W 跳跃 · S 蹲下 / 双击下落 · A/D 左右 · J 射击</div>
        <div id="status"></div>
      </div>
      <div class="right">
        <div>HP：<span id="hp">100</span></div>
        <div>击杀：<span id="kills">0</span></div>
      </div>
    </div>
    <canvas id="game"></canvas>
    
    <!-- 开始界面：难度选择 -->
    <div id="start-screen">
      <div class="panel">
        <h2>开始游戏</h2>
        <p>请选择难度：</p>
        <div class="buttons">
             <button type="button" data-diff="1">容易</button>
             <button type="button" data-diff="2">中等</button>
             <button type="button" data-diff="3">困难</button>
        </div>
      </div>
    </div>

    <script src="./main.js"></script>
  </body>
</html>